<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>付款成功页面</title>
    <link rel="stylesheet"  type="text/css" href="./AmazeUI-2.4.2/assets/css/amazeui.css"/>
    <link href="./AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css">
    <link href="./basic/css/demo.css" rel="stylesheet" type="text/css" />

    <link href="./css/sustyle.css" rel="stylesheet" type="text/css" />
    <script type="module" src="./basic/js/jquery-1.7.min.js"></script>

    <script src="js/plugins/vue/dist/vue.js"></script>
    <script src="js/plugins/axios/dist/axios.js"></script>
    <!--全局配置，以后只要用vue+axios的页面都引入common.js-->
    <script src="common.js"></script>

</head>

<body>
<div id="allDiv">

    <!--顶部导航条 -->
    <div class="am-container header">
        <ul class="message-l">
            <div class="topMessage">
                <div class="menu-hd">
                    <a href="login.html" target="_top" class="h">亲，请登录</a>
                    <!--target="_top"表示当前页面打开，target="_blank"打开一个新的页面-->
                    <a href="register.html" style="color: orangered" target="_blank">免费注册</a>
                </div>
            </div>
        </ul>
        <ul class="message-r">
            <div class="topMessage home">
                <div class="menu-hd"><a href="index.html" target="_top" class="h">商城首页</a>
                </div>
            </div>
            <div class="topMessage my-shangcheng"><div class="menu-hd MyShangcheng">
                <a href="#" target="_top"><i class="am-icon-user am-icon-fw"></i>个人中心</a>
            </div>
            <div class="topMessage mini-cart">
                <div class="menu-hd">
                    <a id="mc-menu-hd" href="#" target="_top">
                    <i class="am-icon-shopping-cart  am-icon-fw"></i>
                    <span>购物车</span>
                    <strong id="J_MiniCartNum" class="h">0</strong>
                    </a>
                </div>
            </div>
            <div class="topMessage favorite">
                <div class="menu-hd">
                <a href="#" target="_top"><i class="am-icon-heart am-icon-fw"></i><span>收藏夹</span></a>
                </div>
            </div>
        </ul>
    </div>

    <!--悬浮搜索框-->

    <div class="nav white">
        <div class="logo"><img src="./images/logo.png" /></div>
        <div class="logoBig">
            <li><img src="./images/logobig.png" /></li>
        </div>

        <div class="search-bar pr">
            <a name="index_none_header_sysc" href="#"></a>
            <form>
                <input id="searchInput" name="index_none_header_sysc" type="text" placeholder="搜索" autocomplete="off">
                <input id="ai-topsearch" class="submit" value="搜索" index="1" type="submit"></form>
        </div>
    </div>

    <div class="clear"></div>



    <div class="take-delivery">
        <div class="status">
            <h2>您已成功付款</h2>
            <div class="successInfo">
                <ul>
                    <li >付款金额<em >{{order.money}}</em></li>
                    <div class="user-info">
                        <p>收货人：{{order.userAddress.contacts}}</p>
                        <p>联系电话：{{order.userAddress.phone}}</p>
                        <p>收货地址：{{order.userAddress.fullAddress}}</p>
                    </div>
                    请认真核对您的收货信息，如有错误请联系客服

                </ul>
                <div class="option">
                    <span class="info">您可以</span>
                    <a href="./person/order.html" class="J_MakePoint">查看<span>已买到的宝贝</span></a>
                    <a href="./person/orderinfo.html" class="J_MakePoint">查看<span>交易详情</span></a>
                </div>
            </div>
        </div>
    </div>


    <div class="footer" >
        <div class="footer-hd">
            <p>
                <a href="#">恒望科技</a>
                <b>|</b>
                <a href="#">商城首页</a>
                <b>|</b>
                <a href="#">支付宝</a>
                <b>|</b>
                <a href="#">物流</a>
            </p>
        </div>
        <div class="footer-bd">
            <p>
                <a href="#">关于恒望</a>
                <a href="#">合作伙伴</a>
                <a href="#">联系我们</a>
                <a href="#">网站地图</a>
                <em>© 2015-2025 Hengwang.com 版权所有. 更多模板 <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></em>
            </p>
        </div>
    </div>
</div>
<script type="module">

    new Vue({
        el:"#allDiv",
        data() {
            return {
                totalAmount:'',
                receiver:'',
                order:{
                    userAddress:{

                    }
                }

            }
        },
        methods:{

        },
        mounted(){
            let params =  parseUrlParams2Obj(location.href);
            console.log(params);
            /*
            *   app_id: "2021000117687094"
                auth_app_id: "2021000117687094"
                charset: "utf-8"
                method: "alipay.trade.page.pay.return"
                out_trade_no: "210710101232440"
                seller_id: "2088621956116193"
                sign_type: "RSA2"
                timestamp: "2021-07-10+22%3A13%3A07"
                total_amount: "15066.00"
                trade_no: "2021071022001454230504979003"
            * */
            this.totalAmount = params.total_amount;
            let paysn = params.out_trade_no;
            this.$http.get("/paybill/paysn/"+paysn)
                .then(result=>{
                    this.order = result.data;
                    console.log(this.order)
                })

        }
    })
</script>
</body>
</html>
